var app = getApp();
/**
 * 动态栅格列表+显示更多
 * //x少于等于4个或者8个，展示全部元素
 * //4<x<8个，展示1排：3个元素+更多
 * //x>9个，展示2排：7个元素+更多
 * //更多元素的索引角标=当前展示元素的长度
 */
Component
({
    data: 
    {
        images: '',  // 静态图片地址
        groupList:[],
        originalGroupList:[],
        groupIntercept: false
    },

    properties: 
    {
        list:
        {
            type: Array,
            value: [],
            // 监听父组件传入值变化
            observer(newVal) 
            {
                let self = this,
                    len = newVal.length;
                //少于等于4个或者8个，展示全部元素
                if (len <= 4 || len == 8) 
                {
                    self.data.groupIntercept = false;
                    self.data.groupList = newVal;
                }
                else 
                {
                    self.data.groupIntercept = true;
                    //4<x<8个，展示1排：3个元素+更多
                    if (len > 4 && len < 8)
                    {
                        self.data.groupList = newVal.slice(0, 3);
                    }
                    else
                    {
                        self.data.groupList = newVal.slice(0, 7);
                    }
                }

                self.setData
                ({
                    groupList: self.data.groupList,
                    originalGroupList: newVal,
                    groupIntercept: self.data.groupIntercept
                });
            }
        }
    },

    ready() 
    {
        
    },

    methods: 
    {
        // 点击选项卡
        onSelectGroup(e) 
        {
            let self = this,
                index = e.currentTarget.dataset.index;

            self.triggerEvent('Select', index);
        }
    }
})